<template>
	<div class="back-ward" @click="onRouteBack">
		<span class="iconfont icon-header-arrow-left"></span>
	</div>
</template>

<script>
	export default {
		name: 'BackWard',
		methods: {
			onRouteBack () {
				this.$router.go(-1);
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import '@/assets/styles/mixins.scss';
  @import '@/assets/styles/variables.scss';

  .back-ward {
  	position: absolute;
  	top: 0;
  	left: 0;
  	@include flex-row;
  	@include vh-center;
  	width: $headerHeight;
  	height: $headerHeight;

  	.iconfont {
  		font-size: .2rem;
  	}
  }
</style>
